<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>购物车--启航纺织有限公司</title>
    <link href="home/css/bootstrap.min.css" rel="stylesheet">
    <link href="home/css/master.css" rel="stylesheet">
	
	<link href="css/model.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->

</head>

<body>
<!-- ##########页首########## -->
<!-- 顶部 -->
<div class="container top">
	<div class="row">
		<div class="col-md-4">

        </div>
		<div class="col-md-3">
		    欢迎 <b class='red'>张三</b> 回到启航&nbsp;&nbsp;<a href='useraction.php?act=logout'>退出</a>             | <a href="reg.php">注册</a>   |   <a href="userinfo.php">用户中心</a>
        </div>
		<div class="col-md-2">
            <a href="#" class="mail ant">
				<span class="glyphicon glyphicon-folder-open"></span>&nbsp;&nbsp;加入收藏
			</a>
        </div>
		<div class="col-md-3">
			<a href="#" class="phone ant">
				<span class="glyphicon glyphicon-phone"></span>&nbsp;联系电话：400 0000 001
			</a>
        </div>
	</div>
</div>

<!-- 公司logo -->
<div class="container title-logo">
	<div class="row">
        <div class="col-md-4">
			<a href="index.html">
				<img class="img-responsive" src="home/images/header.jpg" alt="网站logo">
			</a>
        </div>
		<div class="col-md-3">
        </div>
		<div class="col-md-2">
        </div>
		<div class="col-md-3">
        </div>
    </div>
</div>

<!-- 导航条 -->
<nav class="navbar navbar-default" role="navigation">
	<div class="container">
	 
			 <ul class="nav navbar-nav" style="width:100%;">
				<li class="active nav-top">
					<a href="index.html">网站首页</a>
				</li>

				<li class="dropdown nav-top">
					<a href="company.html" class="dropdown-toggle on" data-toggle="dropdown">关于启航</a>
					<ul class="dropdown-menu">
						<li><a href="company.html">公司概况</a></li>
						<li><a href="company.html">管理架构</a></li>
						<li><a href="company.html">发展历程</a></li>
						<li><a href="company.html">荣誉资质</a></li>
						<li><a href="company.html">企业文化</a></li>

					</ul>
				</li>
				<li class="dropdown nav-top">
					<a href="products.html" class="dropdown-toggle on" data-toggle="dropdown">产品展示</a>
					<ul class="dropdown-menu">
						<li><a href="products.html">提花面料</a></li>
						<li><a href="products2.html">印花面料</a></li>
						<li><a href="products3.html">素色面料</a></li>
						<li><a href="products4.html">格子面料</a></li>
						<li><a href="products5.html">条子面料</a></li>
						<li><a href="products6.html">绣花面料</a></li>
						<li><a href="products7.html">麻料面料</a></li>
						<li><a href="products8.html">毛纺面料</a></li>
						<li><a href="products9.html">皮革面料</a></li>
						<li><a href="products10.html">里布面料</a></li>

					</ul>
				</li>
				<li class="dropdown nav-top">
					<a href="newsCenter.html" class="dropdown-toggle on" data-toggle="dropdown">纺织动态</a>
					<ul class="dropdown-menu">
						<li><a href="newsCenter.html">公司要闻</a></li>
						<li><a href="newsCenter.html">纺织业界</a></li>
						<li><a href="newsCenter.html">纺织知识</a></li>
						
					</ul>
				</li>

				

				<li class="dropdown nav-top">
					<a href="develop.html" class="dropdown-toggle on" data-toggle="dropdown">咨询中心</a>
					<ul class="dropdown-menu">
						<li><a href="develop.html">在线反馈</a></li>
						<li><a href="develop.html">销售网络</a></li>

					</ul>
				</li>

				<li class="dropdown nav-top">
					<a href="#" class="dropdown-toggle on" data-toggle="dropdown">人力资源</a>
					<ul class="dropdown-menu">
						<li><a href="#">人才理念</a></li>
						<li><a href="#">人才招聘</a></li>

					</ul>
				</li>

				<li class="dropdown nav-top">
					<a href="#" class="dropdown-toggle on" data-toggle="dropdown">联系我们</a>
					<ul class="dropdown-menu">
						<li><a href="contact.html">联系我们</a></li>
						<li><a href="message.html">在线反馈</a></li>
						
						
					</ul>
				</li>

				

			</ul> 
		
	</div>
</nav>

<div class="line theme"></div>
<!-- ##########页首（end）########## -->
<!-- ##########主体########## -->
<link rel="stylesheet" href="home/css/reset.css">
<link rel="stylesheet" href="home/css/carts.css">
<div class="container">
	<!-- 固定图片广告 -->
	<div class="row">
		<img class="img-responsive model-img" src="uploadfiles/image/20170911/5557875ae0a45e1.jpg" alt="">
	</div>
	
	<!-- 内容 -->
	<div class="row row-3">		
			<div class="model-details-title">
				购物车
			</div>
	</div>

	<!-- 购物车 -->
	<section class="cartMain">
        <div class="cartMain_hd">
            <ul class="order_lists cartTop">
                <li class="list_chk">
                   
                </li>
                <li class="list_con">商品信息</li>
                <li class="list_info">商品参数</li>
                <li class="list_price">单价</li>
                <li class="list_amount">数量</li>
                <li class="list_sum">金额</li>
                <li class="list_op">操作</li>
            </ul>
        </div>
		<form action="member.html" method="post" id="cart">
        <div class="cartBox">
            <div class="shop_info">
                <div class="all_check">
                    <!--店铺全选-->
                    <input type="checkbox" id="shop_a" class="shopChoice">
                    <label for="shop_a" class="shop"></label>
                </div>
                <div class="shop_name">
                   全选   <input type="button" class="btn btn-warning" value="批量删除" id="delall"/>
                </div>
            </div>
            <div class="order_content">
                <ul class="order_lists">
                    <li class="list_chk">
                        <input type="checkbox" id="checkbox_17" class="son_check" name="sid[]" value="8">
                        <label for="checkbox_17"></label>
                    </li>
                    <li class="list_con">
                        <div class="list_img"><a href="javascript:;"><img src="uploadfiles/image/20171031/af98b1947b516567061ca563181df679.png" alt=""></a></div>
                        <div class="list_text"><a href="show.php?id=8" target="_blank">人棉   几何    70522-57</a></div>
                    </li>
                    <li class="list_info">
                        <!--ajax-->
                    </li>
                    <li class="list_price">
                        <p class="price">￥10</p>
                    </li>
                    <li class="list_amount">
                        <div class="amount_box">
                            <a href="javascript:;" class="reduce reSty">-</a>
                            <input type="text" value="2" class="sum" name="num8">
                            <a href="javascript:;" class="plus">+</a>
                        </div>
                    </li>
                    <li class="list_sum">
                        <p class="sum_price">￥20</p>
                    </li>
                    <li class="list_op">
                        <p class="del"><a href="javascript:if(confirm('确实要删除该内容吗?'))location='member.html?act=delcart&id=17'" >移除商品</a></p>
                    </li>
                </ul>
                <ul class="order_lists">
                    <li class="list_chk">
                        <input type="checkbox" id="checkbox_18" class="son_check" name="sid[]" value="5">
                        <label for="checkbox_18"></label>
                    </li>
                    <li class="list_con">
                        <div class="list_img"><a href="javascript:;"><img src="uploadfiles/image/20171031/af7a9f93db64f36873b7016efd851bfa.png" alt=""></a></div>
                        <div class="list_text"><a href="show.php?id=5" target="_blank">梭织  70305-16</a></div>
                    </li>
                    <li class="list_info">
                        <!--ajax-->
                    </li>
                    <li class="list_price">
                        <p class="price">￥35</p>
                    </li>
                    <li class="list_amount">
                        <div class="amount_box">
                            <a href="javascript:;" class="reduce reSty">-</a>
                            <input type="text" value="1" class="sum" name="num5">
                            <a href="javascript:;" class="plus">+</a>
                        </div>
                    </li>
                    <li class="list_sum">
                        <p class="sum_price">￥35</p>
                    </li>
                    <li class="list_op">
                        <p class="del"><a href="javascript:if(confirm('确实要删除该内容吗?'))location='member.html?act=delcart&id=18'" >移除商品</a></p>
                    </li>
                </ul>
            </div>
        </div>
        </form>

        
        <!--底部-->
        <div class="bar-wrapper">
            <div class="bar-right">
                <div class="piece">已选商品<strong class="piece_num">0</strong>件</div>
                <div class="totalMoney">共计: <strong class="total_text">0.00</strong></div>
                <div class="calBtn"><a href="javascript:;" id="jiesuan">结算</a></div>
            </div>
        </div>
    </section>
    <section class="model_bg"></section>
    <section class="my_model">
        <p class="title">删除宝贝<span class="closeModel">X</span></p>
        <p>您确认要删除该宝贝吗？</p>
        <div class="opBtn"><a href="javascript:;" class="dialog-sure">确定</a><a href="javascript:;" class="dialog-close">关闭</a></div>
    </section>
	
    <script src="home/js/jquery.min.js"></script>
    <script src="home/js/carts.js"></script>
    <script>
        $(function(){
            $('#jiesuan').click(function(){
                var len=$("input[type='checkbox']:checked").length;
                if(len>0){
                    $('#cart').attr("action","member.html?act=order");
                    $('#cart').submit();
                }else{
                    alert('请选择需要购买的商品');
                }
            })
            $('#delall').click(function(){
                var len=$("input[type='checkbox']:checked").length;
                if(len>0){
                    if(confirm('确实要删除该内容吗')){
                        $('#cart').submit();
                    }
                }else{
                    alert('请选择需要删除的商品');
                }
            })
        })
    </script>

</div>
<!-- ##########主体（end）########## -->

<!-- ##########页脚########## -->
<div class="container web-footer">

	
	
	<!-- 底部 -->
	<div class="row" id="patent-footer">
			<p> © 2017 浙江启航纺织有限公司 版权所有 | 浙ICP备0000001号   </p>
    </div>
</div>	




<script src="home/js/jquery-1.11.1.min.js"></script>
<script src="home/js/bootstrap.min.js"></script>
<script src="home/js/zx.js"></script>
<div id="top"></div>
<script>

	/*导航条标题点击事件*/
	$(".dropdown-toggle").click(function(){
		
		if($(this).attr('href')){
			window.location = $(this).attr('href');
		}

	});

	/*广告轮播*/
    $(function () {
        $('#ad-carousel').carousel();
        $('#menu-nav .navbar-collapse a').click(function (e) {
            var href = $(this).attr('href');
            var tabId = $(this).attr('data-tab');
            if ('#' !== href) {
                e.preventDefault();
                $(document).scrollTop($(href).offset().top - 70);
                if (tabId) {
                    $('#feature-tab a[href=#' + tabId + ']').tab('show');
                }
            }
        });
    });


    /*导航条*/
    $(function () {
	    $(".dropdown").mouseover(function () {
	    	
	        $(this).addClass("open");
	    });

	    $(".dropdown").mouseleave(function(){

	        $(this).removeClass("open");
	    });
	});

</script>
</body>
</html>